<div class="page">
  <div class="navbar">
    <div class="navbar-bg"></div>
    <div class="navbar-inner sliding">
      <div class="left">
        <a class="link back">
          <i class="icon icon-back"></i>
          <span class="if-not-md">Back</span>
        </a>
      </div>
      <div class="title">3D Coverflow Effect</div>
    </div>
  </div>
  <div class="page-content">
    <swiper-container effect="coverflow" pagination slides-per-view="auto" centered-slides
      class="demo-swiper demo-swiper-coverflow">
      <div slot="slide-0" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-1.jpg" />
        <span>Slide 1</span>
      </div>
      <div slot="slide-1" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-2.jpg" />
        <span>Slide 2</span>
      </div>
      <div slot="slide-2" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-3.jpg" />
        <span>Slide 3</span>
      </div>
      <div slot="slide-3" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-4.jpg" />
        <span>Slide 4</span>
      </div>
      <div slot="slide-4" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-5.jpg" />
        <span>Slide 5</span>
      </div>
      <div slot="slide-5" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-6.jpg" />
        <span>Slide 6</span>
      </div>
      <div slot="slide-6" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-7.jpg" />
        <span>Slide 7</span>
      </div>
      <div slot="slide-7" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-8.jpg" />
        <span>Slide 8</span>
      </div>
      <div slot="slide-8" class="demo-swiper-slide-content">
        <img src="https://cdn.framework7.io/placeholder/nature-800x800-9.jpg" />
        <span>Slide 9</span>
      </div>
    </swiper-container>

  </div>
</div>